<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>吉联科技</title>
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!--<link rel="stylesheet" href="css/index.css">-->
    <link rel="stylesheet" href="css/unit.css"/>
    <link rel="stylesheet" href="components/header.css"/>
    <link rel="stylesheet" href="css/news.css"/>
    <link rel="stylesheet" href="css/indexblock1.css"/>
    <link rel="stylesheet" href="css/indexblock2.css"/>
    <link rel="stylesheet" href="components/footer.css"/>
</head>
<body>
<div id="app">
    <header>
        <nav class="container">
            <img src="img/logo.png" alt=""/>
            <ul>
                <li><a class="active" href="index.html">首页</a></li>
                <li><a href="jianjie.html">分部简介</a></li>
                <li><a href="product.html">硬件产品</a></li>
                <li><a href="card.html">软件产品</a></li>
                <li><a href="case.html">成功案例</a></li>
                <li><a href="download.html">下载中心</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </nav>
    </header>
    <el-carousel :interval="5000" trigger="click" height='700px' >
        <el-carousel-item>
            <img src="img/banner1.jpg" alt=""/>
        </el-carousel-item>
        <el-carousel-item>
            <img src="img/banner2.jpg" alt=""/>
        </el-carousel-item>
    </el-carousel>

    <div class="content1 newslist">
        <div class="title">
            <h1>公司简介</h1>
        </div>
        <section>
            <ul class="tab">
                <li @click="tab(index)" v-for="(item,index) in tabs" :class="[{active:index==tindex}]" >{{item}}</li>
            </ul>
            <component :is="com"></component>
        </section>
    </div>

    <div class="content1 admin">
        <div class="title">
            <h1>管理系统</h1>
        </div>
        <ul>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
        </ul>
        <ul>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
            <li>
                <img src="img/jiudian.jpg" alt="">
                <div class="text">
                    <p>扫描鼓舞</p>
                    <p>扫描鼓舞扫描鼓舞</p>
                </div>
            </li>
        </ul>
    </div>


    <div class="content1 ex">
        <div class="title">
            <h1>学校案例</h1>
        </div>

        <div class="swiper">
            <el-carousel :interval="5000" trigger="click" :height='height' >
                <el-carousel-item >
                    <img src="img/jiudian.jpg" alt=""/>
                </el-carousel-item>
                <el-carousel-item >
                    <img src="img/wenquan.jpg" alt=""/>
                </el-carousel-item>
            </el-carousel>
        </div>

    </div>

    
    <footer>
        <div class="container foot">
            <div class="f_left">
                <ul>
                    <li>领航</li>
                    <li>微信订房</li>
                    <li>微信订餐</li>
                    <li>移动查房</li>
                    <li>OTA全接通</li>
                    <li>手机报表</li>
                </ul>

                <p>公司地址:成都市青羊区顺城大街308号冠城广场21B</p>
                <p>电话:4008-846-665 028-86723736 传真:028-86723736-801</p>
                <p>版权所有©2020四川吉联科技有限公司</p>
            </div>
            <ul class="f_right">
                <li>微信服务号</li>
                <li><img src="img/erweima.jpg" alt=""/></li>
            </ul>
        </div>
    </footer>
</div>

<script src="js/vue.js"></script>
<script src="js/vue-router.js"></script>
<script src="js/index.js"></script>
</body>
</html>
<script>
    Vue.component('qiyenews',{
        template:`<div class="content">
    <div class="left">
    <img src="img/jiudian.jpg" alt="">
    <p>吉联公司立足于西南地区，为了加强日益增多的客户群体的售后服务问题，
    于2002年4月设立西昌办事处，同年12月广元办事处成立，2004年8月自贡办事处成立...</p>
    <div>查看详情</div>
    </div>
    <ul class="right">
    <li>
	<a href="detail/newsdetail.html">
	祝贺吉联公司各地办事处成立--设立广元,自贡,泸州,西昌办事处
	<span>2020-12-12</span>
	</a>
    </li>
    <li>
    西藏拉萨市车辆管理系统正式投入使用
    <span>2020-12-12</span>
    </li>
    <li>
    中标川大锦城学院校园一卡通系统
    <span>2020-12-12</span>
    </li>
    <li>
    签约自贡电信大楼门禁一卡通工程
    <span>2020-12-12</span>
    </li>
    <li>
    吉联公司向西昌,康定地区多所中学捐赠校园一卡通设备
    <span>2020-12-12</span>
    </li>
    <li>
    吉联甲壳虫机房管理系统创佳绩--走出四川,迈出国门
    <span>2020-12-12</span>
    </li>

    </ul>
    </div>`
    })


    Vue.component('new2',{
        template:`<div class="content">
    <div class="left">
    <img src="img/lxwm_dibu.png" alt="">
    <p>2005年，公司与四川省质量监督局签署了《四川省质量监督局食堂售饭系统》。
    省质量监督局是专业检测产品质量的单位，因此其售饭系统需求复杂...</p>
    <div>查看详情</div>
    </div>
    <ul class="right">
    <li>

    签署四川省质量监督局食堂售饭系统
    <span>2020-12-12</span>
    </li>
    <li>
    签约遂宁大英中学公寓控水系统
    <span>2020-12-12</span>
    </li>
    <li>
    吉联被认定为国家火炬计划重点企业
    <span>2020-12-12</span>
    </li>
    <li>
    重庆文理学院琴房刷卡系统投入使用
    <span>2020-12-12</span>
    </li>
    <li>
    成功实施四川省政协会议签到系统、省委组织部干部培训签到系统
    <span>2020-12-12</span>
    </li>
    <li>
    庆祝吉联科技公司车牌识别系统研发成功
    <span>2020-12-12</span>
    </li>

    </ul>
    </div>`
    })

    Vue.component('new3',{
        template:`<div class="content">
    <div class="left">
    <img src="img/wenquan.jpg" alt="">
    <p>2005年初，吉联一卡通软件在行业内出现了很多盗版软件以及反编译我公司软件开发平台
    PowerConsole 主控平台的仿制软件，严重的影响了我公司的声誉和利益...</p>
    <div>查看详情</div>
    </div>
    <ul class="right">
    <li>
    吉联软件平台:PowerConsole主控平台版权申请成功
    <span>2020-12-12</span>
    </li>
    <li>


    祝贺人民公园停车场管理系统实施成功
    <span>2020-12-12</span>
    </li>
    <li>

    吉联《监狱一卡通系统》在多所监狱投入使用
    <span>2020-12-12</span>
    </li>
    <li>
    川嫂子家政一卡通系统投入使用
    <span>2020-12-12</span>
    </li>
    <li>
    英特尔(中国)成都分公司(INTEL)食堂售饭系统成功实施
    <span>2020-12-12</span>
    </li>
    <li>
    杜甫草堂巡更管理系统成功实施
    <span>2020-12-12</span>
    </li>

    </ul>
    </div>`
    })




    new Vue({
        el: '#app',
        data: function() {
            return {
                height:'',
                tindex:0,
                tabs:['企业要闻','公司公告','行业动态'],
                com:'qiyenews',
                content:['qiyenews','new2','new3'],
            }
        },
        methods: {
            tab(index)
        {
        this.tindex = index;
        this.com = this.content[index];
        }
    },
    created() {
        const height=document.documentElement.clientHeight-130;
        this.height=height.toString()+'px';
    }
    })




</script>

















